/* CSS Document */
* {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 12px;
	font-weight: normal;
}
li {
	list-style-type: none;
}
img {
	border: 0 none;
}
a {
	color: #666;
	text-decoration: none;
}
.fs14 {
	font-size: 14px;
}
.fs16 {
	font-size: 16px;
	font-family: "Î¢ÈíÑÅºÚ";
}
.fs18 {
	font-size: 18px;
	font-family: "Î¢ÈíÑÅºÚ";
}
.fs22 {
	font-size: 26px;
	font-family: "Î¢ÈíÑÅºÚ";
}
.tc {
	text-align: center;
}
.tl {
	text-align: left;
}
.tr {
	text-align: right;
}
.cl {
	clear: both;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.mrt10 {
	margin-top: 10px;
}
.mrt15 {
	margin-top: 15px;
}
.mrl10 {
	margin-left: 10px;
}
.mrl15 {
	margin-left: 15px;
}
.mrb40 {
	margin-bottom: 40px;
}
.brr {
	border-right: 1px dotted #d9d9d9;
}
body {
	font-family: "Î¢ÈíÑÅºÚ", "ËÎÌå";
	font-size: 12px;
	text-align: center;
	color: #666;
}
.div {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}
.box {
	width: 100%;
	background-color: #f4f4f4;
	overflow: hidden;
	padding-bottom: 90px;
}
.header {
	height: 80px;
	background: url(../images/ico.png) repeat-x 0 2px;
	border-bottom: 1px solid #f4f4f4;
}
.logo {
	width: 340px;
	height: 60px;
	overflow: hidden;
	margin-top: 10px;
	float: left;
}
.nav {
	width: 550px;
	overflow: hidden;
	height: 80px;
	float: right;
}
.nav li {
	float: left;
	height: 70px;
	margin: 0 2px;
	display: inline;
	padding-top: 10px;
}
.nav a {
	display: block;
	height: 66px;
	line-height: 66px;
	overflow: hidden;
	color: #333;
	font-family: "Î¢ÈíÑÅºÚ", "ËÎÌå";
	font-size: 16px;
	padding: 0 12px;
	_float: left;
}
.nav .current, .nav .current:hover {
	border-bottom: 4px solid #f39f18;
}
.nav a:hover {
	text-decoration: none;
	border-bottom: 4px solid #ccc;
}
/*header begin*/
 
.tag {
	color: #6c6c6c;
	height: 24px;
	background: #F5F5F5;
	border-bottom: 1px solid #eee;
}
.in {
	width: 1000px;
	margin: 0 auto;
	line-height: 25px;
	font-size: 12px;
}
.left {
	margin-left: 10px;
	float: left;
}
.right {
	margin-right: 10px;
	float: right;
}
.rightft {
	cursor: pointer;
	width: 110px;
	float: right;
	background: url(../images/tag_bottom.png) 95px 0 no-repeat;
	position: relative;
	z-index: 100;
}
.right.span {
	margin-left: 15px;
}
.right:hover .site {
	display: block;
}
.site {
	display: none;
	text-align: left;
	background: #504c4c;
	background: rgba(80,76,76,0.9);
	filter: alpha(opacity=90);
	width: 110px;
	border: 1px solid #504c4c;
	z-index: 100;
	position: absolute;
	top: 25px;
	left: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.site li {
	padding-left: 15px;
	background: url(../images/tag_left.png) 8px center no-repeat;
}
.site li:hover {
	background-color: #504c4c;
}
.site a {
	color: #ddd;
}
.header_inside {
	WIDTH: 100%;
	HEIGHT: 84px;
	BORDER-TOP: #368edb 6px solid
}
.header_english {
	WIDTH: 100%;
	HEIGHT: 84px
}
.header_top {
	MARGIN: 0px auto;
	WIDTH: 980px;
}
.header_top H2 {
	WIDTH: 417px;
	FLOAT: left;
	HEIGHT: 46px;
	PADDING-TOP: 32px
}
.menu {
	FLOAT: right;
	HEIGHT: 85px
}
.menu LI {
	TEXT-ALIGN: center;
	WIDTH: 66px;
	FONT-FAMILY: Microsoft YaHei;
	FLOAT: left;
	MARGIN-LEFT: 8px;
	FONT-SIZE: 14px
}
.menu LI.current {
	TEXT-ALIGN: center;
	WIDTH: 66px;
	BACKGROUND: #368edb;
	FLOAT: left;
	COLOR: #fff
}
.menu LI EM {
	FONT-STYLE: normal;
	WIDTH: 66px;
	DISPLAY: block;
	FONT-FAMILY: Georgia;
	FLOAT: left;
	HEIGHT: 13px;
	FONT-SIZE: 10px
}
.menu LI A {
	DISPLAY: block;
	HEIGHT: 40px;
	COLOR: #080000;
	PADDING-TOP: 45px
}
.menu LI A:hover {
	DISPLAY: block;
	BACKGROUND: #ccc;
	COLOR: #fff;
	TEXT-DECORATION: none;
	PADDING-TOP: 45px
}
.menu LI.current A {
	COLOR: #fff
}
.header-right {
	FLOAT: right
}
.header-right LI {
	TEXT-ALIGN: center;
	WIDTH: 78px;
	FONT-FAMILY: Times New Roman;
	FLOAT: left;
	MARGIN-LEFT: 8px;
	FONT-SIZE: 15px
}
.header-right LI A {
	DISPLAY: block;
	HEIGHT: 20px;
	COLOR: #080000;
	PADDING-TOP: 62px
}
.header-right LI A:hover {
	DISPLAY: block;
	BACKGROUND: #c30d23;
	COLOR: #fff;
	TEXT-DECORATION: none;
	PADDING-TOP: 62px
}
.header-right LI.current A {
	COLOR: #fff
}
/*Í·²¿
.header{ background:url(../images/top_bg.gif) repeat-x; height:73px;}*/
 

.skin, .serv_rig dt p {
	background-image: url(../images/skin.gif);
	background-repeat: no-repeat;
}
#z1 {
	background-position: left top;
}
#z2 {
	background-position: left -68px;
}
#z3 {
	background-position: left -136px;
}
#z4 {
	background-position: left -204px;
}
.serv_rig dt p {
	height: 22px;
}
#web1 {
	background-position: left -272px;
}
#mobil1 {
	background-position: left -299px;
}
#ruj1 {
	background-position: left -325px;
}
#ui1 {
	background-position: left -352px;
}
#newbt {
	height: 25px;
	background-position: left -379px;
}
#about1 {
	height: 25px;
	background-position: left -409px;
	display: block;
}
#server1 {
	height: 25px;
	background-position: left -439px;
}
#thysay {
	height: 14px;
	background-position: left -469px;
}
#content1 {
	height: 14px;
	background-position: left -488px;
}
/*Ê×Ò³*/
#index_box {
	background: url(../images/index_bg.gif) repeat-x left top #fff;
	overflow: hidden;
	width: 100%;
}
.flash {
	margin-top: 31px;
	border: 3px solid #fff;
	height: 353px;
}
.flash_bg {
	background: url(../images/flash_bg.gif) no-repeat;
	height: 15px;
}
.part1 {
	padding: 20px 0 25px;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px dotted #e0e0e0;
}
.server_mk {
	float: left;
	margin: 0 65px 0 11px;
	display: inline;
	_width: 185px;
	_margin-right: 50px;
}
.serv_left {
	width: 92px;
	float: left;
	margin-right: 14px;
	height: 92px;
}
.serv_rig {
	float: left;
}
.serv_rig dt {
	margin-bottom: 5px;
	color: #323232;
}
.serv_rig dd {
	height: 24px;
	line-height: 24px;
	font-family: "ËÎÌå";
	background: url(../images/an.gif) no-repeat left center;
	padding-left: 15px;
}
.part2 {
	padding: 27px 0 10px;
	overflow: hidden;
	width: 100%;
}
.new {
	float: left;
	width: 589px;
	padding-right: 35px;
	border-right: 1px dotted #dbdbdb;
}
.lm {
	height: 25px;
	line-height: 25px;
}
.new_list {
	margin-bottom: 30px;
	padding-left: 5px;
	overflow: hidden;
}
.new_list dt {
	float: left;
	margin-right: 11px;
}
.new_list dd h2 {
	padding-bottom: 4px;
}
.new_list dd h2 a {
	color: #343434;
	font-family: "Î¢ÈíÑÅºÚ";
}
.new_list dd h2 a:hover {
	color: #000;
}
.new_list dd p {
	line-height: 20px;
}
.data {
	background: url(../images/data.gif) no-repeat;
	width: 56px;
	color: #fff;
	margin-right: 8px;
	display: inline-block;
	text-align: center;
	line-height: 14px;
}
.new_rig {
	width: 305px;
	float: left;
	padding: 0 35px;
}
.about {
}
.about p {
	margin-top: 10px;
	line-height: 24px;
}
.kh {
	line-height: 24px;
}
.kh li {
	float: left;
	width: 58px;
	margin-left: 3px;
	display: inline;
}
.part3 {
	background-color: #f5f5f5;
	width: 100%;
	height: 82px;
	overflow: hidden;
	padding: 18px 0 0;
}
.say {
	width: 616px;
	float: left;
}
.say_list {
	margin-right: 10px;
	float: left;
}
.say_list dt {
	background: url(../images/tx_bg.gif) no-repeat;
	width: 53px;
	height: 50px;
	text-align: center;
	padding-top: 2px;
	float: left;
	margin-right: 7px;
}
.say_list dd {
	background: url(../images/say_bg.gif) no-repeat;
	width: 191px;
	height: 90px;
	float: left;
	line-height: 24px;
	padding: 10px 20px 0 26px;
}
.say_list dd .tr {
	color: #b1b1b1;
}
.say_right {
	width: 337px;
	float: right;
}
.content_list {
	color: #000;
	margin-top: -5px;
}
.content_list li {
	height: 28px;
	line-height: 28px;
}
.content_list li span {
	width: 40px;
	display: inline-block;
	text-align: right;
}
/*°¸Àý*/
.lm2 {
	border-bottom: 2px solid #c3c3c3;
	padding: 49px 0 4px;
	width: 100%;
	overflow: hidden;
}
.lm2 .fs22 {
	color: #000;
}
.lm2 .fs14 {
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 8px;
}
.lm2 .fs16 {
}
.lm2 .fs13 {
	margin-top: 5px;
}
#email {
	height: 22px;
	margin-top: 25px;
}
#email img {
	vertical-align: middle;
	margin-left: 10px;
}
.lm2 .fr {
	height: 22px;
	margin-top: 25px;
}
.lm2 .fr img {
	vertical-align: middle;
	margin-left: 10px;
}
.min_nav_left {
}
.min_nav_left a {
	width: 96px;
	height: 24px;
	display: inline-block;
	margin-right: 10px;
	line-height: 24px;
	background: url(../images/nxz.gif) no-repeat;
	text-align: center;
}
.min_nav_left a:hover, .min_nav_left .hov {
	background: url(../images/xz.gif) no-repeat;
	color: #fff;
}
.min_nav_left .hov {
	font-weight: bolder;
}
.case_list {
	margin-left: -69px;
	float: left;
	overflow: hidden;
}
.case_list li {
	width: 287px;
	float: left;
	margin: 39px 0 0 69px;
	display: inline;
}
.case_box {
	width: 287px;
	height: 169px;
	background: url(../images/case_box.gif) no-repeat;
	text-align: center;
	padding-top: 5px;
}
.case_list li h2 {
	font-weight: bolder;
	margin-top: 10px;
}
.case_list li h2 a {
	color: #000;
}
.case_list li p {
	line-height: 20px;
	margin-top: 7px;
}
.fy {
	float: right;
}
.fy a {
	padding: 5px 15px;
	display: inline-block;
	background-color: #dbdbdb;
	margin-left: 2px;
	color: #000;
}
.fy b {
	padding: 5px 15px;
	display: inline-block;
	background-color: #368EDB;
	margin-left: 2px;
	color: #fff;
}
.fy a:hover {
	background-color: #368EDB;
	color: #fff;
}
#bot_fy {
	margin-top: 53px;
}
.case_content_box {
	margin-top: 18px;
}
.case_content {
}
.case_content p {
	margin-top: 38px;
}
.case_banner {
	width: 1000px;
	height: 170px;
	position: relative;
}
.case_about {
	line-height: 25px;
	padding: 20px 25px;
	position: absolute;
	width: 700px;
	color: #fff;
	top: 0px;
	left: 0px;
	z-index: 999;
}
.case_about h2 {
	font-size: 22px;
	padding-bottom: 5px;
}
.case_about p {
	padding: 0 3px;
}
.case_about p a {
	color: #fff;
}
.serv2 {
	margin-left: 30px;
}
/*ÐÞ¸Ä Ê×Ò³µÚÒ»À¸Ä¿*/
#newprat1 {
	background: url(../images/newprat1bg.gif) repeat-x left top;
	height: 180px;
	padding-top: 24px;
}
.skin2, .server2mk dt div {
	background-repeat: no-repeat;
}
.lm3 {
	background-image: url(../images/title.gif);
	padding-left: 10px;
	margin-bottom: 15px;
}
.black {
	color: #000;
}
.setitle {
	background-image: url(../images/title.gif);
}
.server2mk {
	width: 303px;
	float: left;
	margin-top: 10px;
	padding-right: 20px;
	display: inline;
}
.server2mk dt {
	float: left;
	margin-right: 15px;
}
.server2mk dd {
	width: 193px;
	float: left;
}
.server2mk dd h2 {
	font-size: 16px;
	color: #000;
}
.server2mk dd h2 a {
	color: #000;
}
.server2mk dd h3 {
	color: #4d9ddd;
	font-weight: bolder;
	padding: 2px 0;
}
.server2mk dd h3 a {
	color: #4d9ddd;
}
.server2mk dd p {
	line-height: 20px;
}
.yw1 {
	width: 92px;
	height: 92px;
	background-image: url(../images/web.jpg);
}
.yw2 {
	width: 92px;
	height: 92px;
	background-image: url(../images/network.jpg);
}
.yw3 {
	width: 92px;
	height: 92px;
	background-image: url(../images/vis.jpg);
}
/*Ê×Ò³°¸Àý*/
#cases {
	background: url(../images/newprat1bg.gif) repeat-x left top;
	height: 170px;
	padding-top: 0px;
}
.skinca {
	background-image: url(../images/newskin.jpg);
	background-repeat: no-repeat;
}
.ca {
	background-position: -121px 3px;
	padding-left: 10px;
	margin-bottom: 15px;
}
.black {
	color: #000;
}
/*°¸Àý Ð§¹û*/
ol.casess {
	margin-left: -5px;
	float: left;
	overflow: hidden;
}
ol.casess li {
	position: relative;
	width: 190px;
	float: left;
	margin: 0px 0 0 10px;
	display: inline;
}
ol.casess li div.cases {
	position: relative;
	clear: left;
	margin-bottom: 10px;
	background: #fff;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}
ol.casess li div.cases div.cases-shot {
	width: 190px;
	height: 115px;
	background: url(../images/cases_box.gif) no-repeat;
	text-align: center;
	padding-top: 7px;
}
ol.casess li div.cases a.cases-over {
	opacity: 0;
	/* revealed on hover with jQuery */
	filter: alpha(opacity=0);
	/* IE hack */
	position: absolute;
	top: 5px;
	left: 6px;
	width: 158px;
	height: 90px;
	margin: 0;
	padding: 10px;
	font-size: 12px;
	line-height: 2;
	text-decoration: none;
	color: #888;
	background: #fff;
	text-align: left;
	background-color: #368EDB;
	overflow: hidden;
}
ol.casess li div.cases a.cases-over strong {
	display: block;
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.2;
	color: #fff;
}
ol.casess li div.cases a.cases-over em {
	display: block;
	position: absolute;
	bottom: 10px;
	left: 10px;
	margin: 0 0 3px 0;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	line-height: 1;
	color: #888;
}
ol.casess li div.cases a.cases-over span.comment, ol.casess li div.cases a.cases-over span.bio {
	display: block;
	margin: 0 0 10px 0;
	font-size: 12px;
	line-height: 1.4;
	color: #555;
}
ol.casess li div.cases a.cases-over span.comment {
	color: #fff;
}
ol.casess li div.cases a.cases-over span.skills {
	display: block;
	font-size: 12px;
	line-height: 1.4;
}
ol.casess li div.cases a.cases-over span.skills span.skill {
	font-weight: bold;
	color: #ea4c89;
}
ol.casess li div.cases a.cases-over span.skills span.skill:after {
	content: ", ";
	margin-right: 1px;
	font-weight: normal;
	opacity: .7;
}
ol.casess li div.cases a.cases-over span.skills span.skill:last-child:after {
	content: "";
}
ol.casess li div.cases span.liked-by {
	opacity: 0;
	position: absolute;
	bottom: 40px;
	left: 20px;
	font-size: 11px;
	color: #777777;
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}
ol.casess li div.cases-img:hover span.liked-by {
	opacity: 1;
}
ol.casess li div.cases span.liked-by a {
	font-weight: bold;
}
ol.casess li div.cases span.liked-by a img {
	position: relative;
	top: -2px;
	width: 16px;
	margin: 0 2px 0 0;
	vertical-align: middle;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
ol.casess li div.cases-img {
	width: 178px;
	height: 110px;
	overflow: hidden;
	margin: 0 auto;
}
#contus {
	background: url(../images/link.gif) no-repeat;
	width: 62px;
	margin-bottom: 8px;
	height: 14px;
}
#links {
	float: left;
}
.links a {
	color: #d5d5d5;
	margin-right: 25px;
}
.links a:hover {
	color: #fff;
}
.part3mk {
	color: #939393;
	font-size: 12px;
	width: 1000px;
	float: left;
}
.part3mk p {
	font-size: 13px;
}
.part3mk a {
	color: #868686;
	margin-right: 10px;
}
.part3mk a:hover {
	color: #5E5E5E;
	margin-right: 10px;
}
.mrt20 {
	margin-top: 20px;
}
/*·þÎñ*/
.bg_box {
	background-color: #fff;
	width: 880px;
	overflow: hidden;
	padding: 40px 60px;
}
.server_xm {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px dotted #d9d9d9;
	padding-bottom: 31px;
}
.server_mk2 {
	width: 345px;
	float: left;
	margin-top: 54px;
	padding-bottom: 15px;
}
.pdl75 {
	padding-left: 70px;
}
.pdr70 {
	padding-right: 70px;
}
.mrt26 {
	margin-top: 26px;
}
.serv_right {
	float: left;
	width: 170px;
}
.serv_right .fs16 {
	color: #323232;
}
.mrt45 {
	margin-top: 54px;
}
.serv {
	width: 100%;
	overflow: hidden;
}
.type {
}
.type li {
	float: left;
	padding-right: 22px;
	background: url(../images/an2.gif) no-repeat left center;
	padding-left: 15px;
}
.serv_right p {
	line-height: 18px;
	padding: 10px 0;
}
.xx {
	margin-top: 10px;
}
.lc {
	margin-top: 22px;
}
.server_kh {
	border-top: 6px solid #f4f4f4;
}
.kh_list {
	padding-top: 30px;
}
.kh_list li {
	float: left;
	width: 210px;
	height: 79px;
	margin-right: 10px;
	display: inline;
}
/*¹ØÓÚÎÒÃÇ*/
.about_mk {
	overflow: hidden;
	width: 100%;
	line-height: 20px;
	margin-top: 5px;
}
.about_mk2 {
	overflow: hidden;
	width: 100%;
	margin-top: 48px;
}
.about_mk p {
	text-indent: 20px;
	padding: 30px 0;
	height: 70px;
}
.about_mk p.eng {
	font-family: Arial, Helvetica, sans-serif;
}
.about_mk .bt {
	margin-bottom: 20px;
}
.bt span {
	width: 96px;
	height: 24px;
	display: block;
	margin-left: 18px;
}
.bt2 {
	background: url(../images/about2.jpg) no-repeat;
}
.bt .a {
	width: 96px;
	height: 24px;
	display: inline-block;
}
.bt .hov {
	background: url(../images/xz.gif) no-repeat;
	color: #fff;
	width: 96px;
	height: 24px;
	display: inline-block;
	margin-left: 18px;
}
.bt .hov {
	font-weight: bolder;
	text-align: center;
}
.nr1l {
	width: 630px;
}
.nr2r {
	width: 770px;
}
.nr2l {
	margin-left: 18px;
	margin-top: 18px;
}
.member {
	width: 270px;
	float: left;
	margin: 28px 13px 0 10px;
	display: inline;
}
.member dt {
	background: url(../images/member_bg.gif) no-repeat;
	width: 49px;
	height: 49px;
	float: left;
	padding: 3px 0 0 3px;
	margin-right: 8px;
	display: inline;
}
.member dd {
	float: left;
	background: url(../images/member_bg2.gif) no-repeat;
	width: 175px;
	height: 81px;
	padding: 10px 10px 10px 20px;
}
.member dd h2 b {
	margin-right: 3px;
}
.member dd p {
	margin-top: 4px;
	line-height: 20px;
}
/*ÐÂÎÅ¶¯Ì¬*/
.new_info {
	color: #b4b4b4;
}
.new_info li {
	float: left;
	padding-right: 15px;
}
.ll {
	background: url(../images/ll.gif) no-repeat left center;
	padding-left: 14px;
}
.pl {
	background: url(../images/pl.gif) no-repeat left center;
	padding-left: 14px;
}
.new_list2 {
	width: 100%;
	margin-top: 30px;
	padding-bottom: 30px;
	overflow: hidden;
	border-bottom: 1px dotted #ccc;
}
.new_list2 dt {
	float: left;
	margin-right: 21px;
	display: inline;
}
.new_list2 dd {
}
.new_list2 dd h2 {
	font-family: "Î¢ÈíÑÅºÚ";
	font-size: 16px;
}
.new_list2 dd h2 a {
	color: #000;
}
.new_list2 dd p {
	line-height: 22px;
	padding: 4px 0;
}
.content {
	padding: 65px 40px;
	overflow: hidden;
}
.title {
	border-bottom: 1px solid #e5e5e5;
	overflow: hidden;
	padding-bottom: 5px;
}
.title h2 {
	font-family: "Î¢ÈíÑÅºÚ";
	font-size: 26px;
	text-align: center;
	color: #000;
	padding-bottom: 20px;
}
#content {
	line-height: 28px;
	margin-top: 30px;
}
#content p {
	text-indent: 25px;
	padding: 5px 0;
}
.min_nav {
	width: 100%;
	overflow: hidden;
}
/*ÁªÏµÎÒÃÇ*/
.kh_ly {
	width: 840px;
	padding: 30px 0 30px 40px;
	background: url(../images/connect_bg.gif) repeat-x;
	overflow: hidden;
}
.say_list2 {
	overflow: hidden;
	width: 245px;
	float: left;
	margin-top: 30px;
	margin-right: 25px;
}
.say_list2 dt {
	background: url(../images/ly_tx.gif) no-repeat;
	width: 41px;
	height: 42px;
	float: left;
	margin-right: 3px;
	padding: 2px 0 0 3px;
}
.say_list2 dd {
	background: url(../images/ly.gif) no-repeat;
	width: 164px;
	height: 84px;
	float: left;
	padding: 10px 10px 0 24px;
	line-height: 20px;
}
.say_list2 dd p {
	height: 58px;
	overflow: hidden;
}
.fangs {
	overflow: hidden;
	border-bottom: 1px dotted #ccc;
	padding: 33px 0 15px;
}
.fangs .fs16 {
	font-family: "Î¢ÈíÑÅºÚ";
	padding-bottom: 6px;
	color: #666;
}
.xq_box {
	background-color: #fcfcfc;
	padding: 31px 0 31px 49px;
	width: 727px;
	overflow: hidden;
	margin: 10px auto 0;
	border: 1px solid #d9d9d9;
}
.xq {
	background: url(../images/connect.gif) no-repeat left center;
	height: 30px;
	padding-left: 44px;
	font-size: 16px;
	line-height: 30px;
}
.qq {
	background: url(../images/qq3.gif) no-repeat left center;
	height: 31px;
	padding-left: 42px;
	margin: 15px 0;
	padding-top: 8px;
}
.email {
	height: 24px;
	background: url(../images/xf.gif) no-repeat left center;
	padding-left: 40px;
	line-height: 24px;
	margin-top: 28px;
	font-size: 16px;
}
.email span {
	color: #3a983a;
}
.input {
}
.input input {
	width: 188px;
	color: #ccc;
	border: 1px solid #d9d9d9;
	height: 29px;
	line-height: 29px;
	overflow: hidden;
	padding: 0 5px;
	background: #fff;
	margin-right: 35px;
	margin-right: 35px\9;
}
.text {
	background: #fff;
	border: 1px solid #d9d9d9;
	padding: 5px;
	width: 666px;
	height: 89px;
	margin-top: 10px;
	overflow-y: auto;
	font-size: 12px;
}
.textfs {
	color: #ccc;
}
.text:focus {
	outline: none;
	border-color: rgba(82, 168, 236, 0.8);
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6)
}
.tj {
	text-align: right;
	margin-top: 10px;
	padding-right: 48px;
}
.input .name1 {
	border: 1px solid #e57e5b;
	color: #cf4f02;
	background-color: #fff4e0;
}
.input input:focus, .input .name1:focus, .input .name2:focus, .input .name3:focus, .input .namesuccess:focus {
	outline: none;
	border-color: rgba(82, 168, 236, 0.8);
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6)/*
	box-shadow:1px 1px 2px #6498eb, -1px -1px 2px #6498eb; border-radius:3px 3px 3px 3px;
	*/}
.input .name2 {
	color: #000;
	background-color: #fbfbfb;
}
.input .name3 {
	color: #000;
	background-color: #fbfbfb;
}
.input .namesuccess {
	background: url(../images/zq.gif) no-repeat 175px center #fff;
	border: 1px solid #d9d9d9;
	color: #000;
}
.input input.mxgint, .mxgint {
	color: #000;
}
.coop {
	font-size: 12px;
	padding-left: 20px;
	color: #0000ee;
}
/*°¸Àý Ð§¹û*/
ol.dribbbles {
	margin-left: -69px;
	float: left;
	overflow: hidden;
}
ol.dribbbles li {
	position: relative;
	width: 287px;
	float: left;
	margin: 39px 0 0 69px;
	display: inline;
}
ol.dribbbles li h2 {
	max-height: 16px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4em;
	color: #999999;
}
ol.dribbbles li p {
	margin-top: 7px;
	line-height: 20px;
	color: #999;
}
ol.dribbbles li h2 a {
	font-weight: bold;
	color: #0d74c6;
	text-decoration: none;
}
ol.dribbbles li div.dribbble {
	position: relative;
	clear: left;
	margin-bottom: 10px;
	background: #fff;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}
ol.dribbbles li div.dribbble div.dribbble-shot {
	width: 287px;
	height: 169px;
	background: url(../images/case_box.gif) no-repeat;
	text-align: center;
	padding-top: 5px;
}
ol.dribbbles li div.dribbble a.dribbble-over {
	opacity: 0.50;
	/* revealed on hover with jQuery */
	filter: alpha(opacity=0.50);
	/* IE hack */
	position: absolute;
	top: 5px;
	left: 6px;
	width: 255px;
	height: 142px;
	margin: 0;
	padding: 10px;
	font-size: 12px;
	line-height: 2;
	text-decoration: none;
	color: #888;
	background: #fff;
	text-align: left;
	background-color: #368EDB;
	overflow: hidden;
}
ol.dribbbles li div.dribbble a.dribbble-over strong {
	display: block;
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.2;
	color: #fff;
}
ol.dribbbles li div.dribbble a.dribbble-over em {
	display: block;
	position: absolute;
	bottom: 10px;
	left: 10px;
	margin: 0 0 3px 0;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	line-height: 1;
	color: #888;
}
ol.dribbbles li div.dribbble a.dribbble-over span.comment, ol.dribbbles li div.dribbble a.dribbble-over span.bio {
	display: block;
	margin: 0 0 10px 0;
	font-size: 12px;
	line-height: 1.4;
	color: #555;
}
ol.dribbbles li div.dribbble a.dribbble-over span.comment {
	color: #fff;
}
ol.dribbbles li div.dribbble a.dribbble-over span.skills {
	display: block;
	font-size: 12px;
	line-height: 1.4;
}
ol.dribbbles li div.dribbble a.dribbble-over span.skills span.skill {
	font-weight: bold;
	color: #ea4c89;
}
ol.dribbbles li div.dribbble a.dribbble-over span.skills span.skill:after {
	content: ", ";
	margin-right: 1px;
	font-weight: normal;
	opacity: .7;
}
ol.dribbbles li div.dribbble a.dribbble-over span.skills span.skill:last-child:after {
	content: "";
}
ol.dribbbles li div.dribbble span.liked-by {
	opacity: 0;
	position: absolute;
	bottom: 40px;
	left: 20px;
	font-size: 11px;
	color: #777777;
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}
ol.dribbbles li div.dribbble-img:hover span.liked-by {
	opacity: 1;
}
ol.dribbbles li div.dribbble span.liked-by a {
	font-weight: bold;
}
ol.dribbbles li div.dribbble span.liked-by a img {
	position: relative;
	top: -2px;
	width: 16px;
	margin: 0 2px 0 0;
	vertical-align: middle;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
ol.dribbbles li div.dribbble-img {
	width: 275px;
	height: 162px;
	overflow: hidden;
	margin: 0 auto;
}
/*Ò³µ×*/
#footer {
	background-color: #2b2b2b;
	border-top: 1px solid #3e3e3e;
	padding-top: 22px;
}

.ftcon {
    padding: 10px 0;
}
.ftcon > p {
    text-align: center;
	line-height:25px;
}
.nav_left {
	float: left;
}
.nav_left a {
	color: #d5d5d5;
	margin-right: 25px;
}
.nav_left a:hover {
	color: #fff;
}
.copy {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	float: right;
}
#mPics li {
	height: 453px;
}
.a1 #anim {
	background-position: 0 0;
}
.a2 #anim {
	background-position: 0 -453px;
}
.a3 #anim {
	background-position: 0 -906px;
}
.a4 #anim {
	background-position: 0 0;
}
.a1 #btnsWrap {
	background-position: 0 -127px;
}
.a2 #btnsWrap {
	background-position: 0 -254px;
}
.a3 #btnsWrap {
	background-position: 0 -381px;
}
.a4 #btnsWrap {
	background-position: 0 0;
}
.a1 #mPics li {
	background: url(../images/fl1.jpg) 50% 50% no-repeat;
}
.a2 #mPics li {
	background: url(../images/fl2.jpg) 50% 50% no-repeat;
}
.a3 #mPics li {
	background: url(../images/fl3.jpg) 50% 50% no-repeat;
}
.a4 #mPics li {
	background: url(../images/fl1.jpg) 50% 50% no-repeat;
}
li.libegin {
	background: url(../images/flash_bg.jpg) 50% 50% no-repeat;
}
.cc {
	background-position: -589px -404px;
}
.cnow {
	background-position: -589px -430px;
}
/* anim */
#anim {
	height: 453px;
	background-image: url(../images/flash_bg.jpg);
	background-repeat: repeat-x;
}
#marquee {
	position: relative;
}
#mPics {
	height: 453px;
	overflow: hidden;
	position: relative;
}
#mPics a {
	display: block;
	width: 100%;
	height: 100%;
}
#circle {
	position: relative;
	margin: -20px auto 0;
	width: 960px;
	overflow: hidden;
	text-align: right;
}
#circle li {
	display: inline-block;
*display:inline;
	zoom: 1;
	width: 30px;
}
#circle li a {
	display: block;
	width: 11px;
	height: 11px;
	overflow: hidden;
	text-indent: -9999px;
	text-align: left;
}
#circle li a:hover {
	background-position: -589px -430px;
}
#liB, #liG, #liY, #liX {
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 0;
}
#circle li a, #circle li a:hover, #nWin .nCon a {
	background-image: url(../images/sprites-high3.png);
	background-repeat: no-repeat;
}
.topbanner {
	width: 1350;
	height: 120px;
}
.center {
	background: url('../images/about1.jpg') no-repeat;
	height: 375px;
	color: #6f6f6f;
	font-size: 12px;
	padding-top: 90px;
	position: relative
}
.center p {
	width: 445px;
	line-height: 25px;
}
.center div {
	margin-left: 100px;
}
/*Ìá½»±íµ¥ */
.form {
	height: 310px;
	clear: both;
}
.form-label {
	display: block;
	float: left;
	width: 100%;
	font-size: 13px;
	line-height: 100%;
	color: #999;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.formItem {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.formItem.bottom {
	margin-bottom: 0;
}
.form-select, .form-textbox, .form-textarea {
	font-family: Î¢ÈíÑÅºÚ;
	display: block;
	float: left;
	width: 100%;
	color: #808080;
	padding: 10px 0;
	margin: 0;
	font-size: 12px;
	line-height: 100%;
	border: solid 1px #D3D3D3;
	background-color: #f8f8f8;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	-ms-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.form-select:hover, .form-textbox:hover, .form-textarea:hover, .form-select:focus, .form-textbox:focus, .form-textarea:focus {
	outline: none;
	box-shadow: none;
	color: #808080;
	border: solid 1px #808080;
}
.form-select:focus, .form-textbox:focus, .form-textarea:focus {
	background-color: #EFEFEF;
}
.form-textarea.error, .form-textbox.error {
	box-shadow: 0px 0px 6px #666;
}
.form-select {
	padding: 10px;
	height: 39px;
 *height:30px;
 *margin-top:7px;
	vertical-align: middle;
	_height: 100px;
}
.form-textbox {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 10px;
 *padding:10px 0;
 *text-indent:10px;
}
.form-textarea {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 10px;
 *padding:10px 0;
	height: 165px;
 *height:165px;
	resize: none;
	line-height: 14px;
}
.form-button {
	font-family: Î¢ÈíÑÅºÚ;
	display: block;
	width: 195px;
	float: left;
	bottom: 0;
	height: 37px;
	padding: 12px 0;
	margin: 0;
	font-size: 13px;
	line-height: 100%;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	color: #F0F0F0;
	border: none;
	background-color: #B8B8B8;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	-ms-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	_display: inline;
}
.form-button:hover {
	color: #F0F0F0;
	background-color: #808080;
	cursor: pointer;
}
.formColumn {
	display: block;
	float: left;
	margin-right: 20px;
	position: relative;
	width: 220px;
}
.formColumnWide {
	display: block;
	float: right;
	position: relative;
	width: 400px;
}
.reset {
	margin-left: 10px;
	_margin-left: 5px;
}
.new_listmap {
	width: 100%;
	margin-top: 30px;
	padding-bottom: 30px;
	overflow: hidden;
	border-bottom: 1px dotted #ccc;
}
.new_listmap dt {
	float: left;
	margin-right: 21px;
	display: inline;
}
.new_listmap li {
	font-family: "Î¢ÈíÑÅºÚ";
	font-size: 12px;
	color: #666;
	margin-top: 2px;
}
.new_listmap li a {
	color: #666;
}
.new_listmap li span {
	color: #666;
	float: right;
}
.new_listmap li a:hover {
	color: #2199DA;
}
.linkf5 {
	float: left;
	margin-top: 10px;
}
.links li a {
	color: #d5d5d5;
}
.links li a:hover {
	color: #fff;
}
